<template>
  <div id="tab-bar">
    <slot>
      
    </slot>
  </div>
</template>

<script>

export default {
  name:'TabBar'
};
</script>

<style>
#tab-bar {
  display: flex;
  background-color: #e7e7e7;
  /* 移动至底部 */
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  /* 阴影 box-shadow: x轴px y轴px 阴影程度px  颜色 */
  box-shadow: 0 -1px 1px rgb(228, 227, 227, 0.6);
}
</style>